import React from 'react';
import s from './style.module.css';
import BackupList from './updated';
import WhiteSite from './updatedList';
import DataUpdated from './dataUpdated';
import BreadCrumb from '@/components/BreadCrumb';
import { Tabs } from '@knownsec/react-component';

const { TabPane } = Tabs;

export default function systemUpdate() {
  return (
    <>
      <BreadCrumb arr={[{ link: '', name: '系统升级', active: true }]} />
      <div className={s.backupRecovery}>
        <div className={s.bBox}>
          {' '}
          <Tabs animated>
            <TabPane tab={<span className={s.tabTitle}>系统升级</span>} key={1}>
              <BackupList />
            </TabPane>
            <TabPane tab={<span className={s.tabTitle}>数据升级</span>} key={2}>
              <DataUpdated />
            </TabPane>
            <TabPane
              tab={<span className={s.tabTitle}>升级记录</span>}
              key={3}
            >
              <WhiteSite />
            </TabPane>
          </Tabs>
        </div>
      </div>
    </>
  );
}
